<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>tuling test</title>

    <!-- 新 Bootstrap 核心 CSS 文件   --> 
	<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<link rel="stylesheet" href="common.css">
	   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
   	<link rel="stylesheet" type="text/css" href="../css/index.css"> 
   	<link rel="stylesheet" type="text/css" href="../css/sg.css"> 
	<link rel="stylesheet" type="text/css" href="../css/animate.css">
	<link rel="stylesheet" type="text/css" href="../css/zhinengkefu.css"> 
	
	
  </head>
  <body>	 
<!-- 导航 开始 -->
	<!-- 为了给导航栏添加响应式特性，您要折叠的内容必须包裹在带有 classes .collapse、.navbar-collapse 的 <div> 中。
  		折叠起来的导航栏实际上是一个带有 class .navbar-toggle 及两个 data- 元素的按钮。第一个是 data-toggle，用于告诉 JavaScript 需要对按钮做什么，
  		第二个是 data-target，指示要切换到哪一个元素。三个带有 class .icon-bar 的 <span> 创建所谓的汉堡按钮。
  		这些会切换为 .nav-collapse <div> 中的元素 -->
	<div class="navbar-wrapper navbar_top">
		<div class="container">
			<nav class="navbar navbar-default ">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" id="py-brand" href="#"><span></span>GEEK_HOME</a>
					</div>

					<div class="collapse navbar-collapse"
						id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav" id="py-ul">
							<li class="active"><a href="/">首页 <span class="sr-only">(current)</span></a></li>
							<li><a href="/weekly_list">博客</a></li>
							<li><a href="/raiders_list">新闻</a></li>
							<li><a href="/about">我的动态</a></li>
							<li><a href="/about_us">关于我们</a></li>
							<li class="dropdown">
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">帮助 <b class="caret"></b></a>
                              <ul class="dropdown-menu">
                                <li><a href="#">企业</a></li>
                                <li><a href="#">商户</a></li>
                                <li><a href="#">服务网站</a></li>
                                <li class="divider"></li>
                                <li class="nav-header">灰掉</li>
                                <li><a href="http://192.168.2.117:8080/piaoyoung/monitoring" target="xmjk" >项目监控</a></li>
                                <li><a href="#">日志管理</a></li>
                              </ul>
                            </li> 
							
							<li class="toright"><a href="#"><span>登录 | 注册</span></a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</div>
	
	<!-- 导航 结束 --> 

	<!-- <div class="container-fluid divBlock"> 
		<div class="row">   
			<input type="text" id="zn_info" placeholder="input" name="info" class=" span10 text-info zn_input" />
			<button type="button" id="zn_btn" class="btn btn-primary span2" style="margin-left:auto;margin-right:auto;">按钮</button>
			<div class="content" style="border:1px solid #DDD;"></div>
		</div> 
	</div> --> 
	
	<div class="container-fluid divBlock">
		<div class="row">   
			<div class="zn_header">
  				<input type="text" id="zn_info" placeholder="input" name="info" class="zn_input" />
				<button type="button" id="zn_btn" class="btn btn-primary">按钮</button>
			</div>
			<div class="content"></div>  
		</div>  
	</div>
	
	

	<!-- 版权信息 开始 -->
	<div class="container rooter"> 
		<footer style="margin-top:10px;"> 
			<p>
				<!-- <a id="cs_box"><span class="cs_btn">联系我们</span></a> <a id="xm_jk">智能客服</a>  -->
				<a id="cs_box"><span class="cs_btn">联系我们</span></a> <a href="zhinengkefu.html" id="xm_jk" target="_self">智能客服</a> 
				<a>项目</a> <a>团队</a><a id="xm_jk">项目监控</a>
			</p>
			<p>
				&copy; 2013 Web前端研究, Good. &middot; <a href="#">学习资料</a> &middot; <a
					href="#">夏森</a>
			</p>
			<p>2014-2015 All Rights Reserved.</p>
		</footer>
	</div>
	<!-- 版权信息 结束 -->
	
	
	
	<script type="text/javascript">
		$(function(){
			$('#zn_btn').click(function(){
				var value=$('#zn_info').val(); 
				$(".content").prepend("<div class='items animated rotateIn left'>我： "+value+"</div>");
				$.ajax({
					type:"post",  
					url:"http://www.tuling123.com/openapi/api?key=991bb8fbb66a07ae828ff130c7785cab",
					data:{info:value},
					success:function(data){ 
						eval(data); 
						$(".content").prepend("<div class='items animated rotateIn right'>"+data.text+"</div>");
					}
				});
			})
		})
			
		
	</script> 
	
	
	
	
	
	<!--  js 开始 -->
	<!-- 将 js 文件写到最后 ， 提升加载速度 -->
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
	
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	
	<!--  js 结束 -->
  </body>
</html>